<%@ page language="java" import="java.util.*" pageEncoding="utf-8"
	isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String path = request.getContextPath();
			String basePath = request.getScheme() + "://"
					+ request.getServerName() + ":" + request.getServerPort()
					+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>修改系统角色信息</title>

<script type="text/javascript" src="<%=request.getContextPath()%>/easyui/jquery.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/easyui/locale/easyui-lang-zh_CN.js"></script>
<link href="<%=request.getContextPath()%>/easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath()%>/easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/jPages.css">
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/animate.css">
<script src="<%=request.getContextPath()%>/js/jquery-1.8.2.min.js"></script>
<script src="<%=request.getContextPath()%>/js/jPages.js"></script>
<style type="">
     dl, dt, dd, span{
        display: block;  
    } 
    .forminfo li i{
        padding-left: 3px;
    }
</style>
</head>

<body>
	<div class="place">
		<span>位置：</span>
		<ul class="placeul">
			<li><ema href="javascript:void">首页</em></li>
			<li><ema href="javascript:void">权限管理</em></li>
			<li><ema href="javascript:void">添加角色</em></li>
		</ul>
	</div></br></br>
	<ul class="forminfo">
			<li><label>角色名称</label>
			    <input  name="role_name" value=""  type="text" class="dfinput"  style="width:800px;"/>
			</li>
	  <li>
	     <label>设置权限</label>
	        <div class="col-sm-3" style="width: 100%">
								<table class="table">
									<tr>
										<td style="width: 180px;font-weight: bold;"><input id="start_the_boot" type="checkbox" name="actionId"
											value="1"><i>用户管理</i></td>
										<td style="width: 140px;"><input class="start_the_boot" type="checkbox" 
												name="actionId" value="10" ><i>用户列表</i></td>
										<td style="width: 140px;" ><input class="start_the_boot" type="checkbox" 
												name="actionId" value="43" ><i>企业用户列表</i></td>
										<td style="width: 150px;"><input class="yeq" type="checkbox"
												name="actionId" value="17"><i>身份审核</i></td>
										<td style="width: 150px;"><input class="yeq" type="checkbox"
												name="actionId" value="18"><i>企业审核</i></td>
									</tr>
										<tr>
										<td style="width: 150px;font-weight: bold;"><input id="users" type="checkbox" name="actionId"
											value="2"><i>广告管理</i></td>
										<td style="width: 150px;"><input class="users" type="checkbox"
												name="actionId" value="12"><i>启动页</i></td>
										<td style="width: 150px;"><input class="users" type="checkbox"
												name="actionId" value="13"><i>首页轮播图</i></td>
										<td style="width: 150px;"><input class="users" type="checkbox"
												name="actionId" value="14"><i>发现轮播图</i></td>
									</tr>
									<tr>
										<td style="width: 150px;font-weight: bold;"><input id="server" type="checkbox" name="actionId"
											value="3"><i>技能管理</i></td> 
										<td style="width: 150px;"><input class="server" type="checkbox"
												name="actionId" value="15"><i>服务设置</i></td>
									</tr>
									<tr>
										<td style="width: 150px;font-weight: bold;"><input id="yeq" type="checkbox" name="actionId"
											value="4"><i>内容管理</i></td> 
										<td style="width: 150px;"><input class="yeq" type="checkbox"
												name="actionId" value="16"><i>消息管理</i></td>
										<td style="width: 150px;"><input class="yeq" type="checkbox"
												name="actionId" value="29"><i>意见反馈</i></td>
													<td style="width: 150px;"><input class="yeq" type="checkbox"
												name="actionId" value="44"><i>投诉管理</i></td>
												<td style="width: 150px;"><input class="yeq" type="checkbox"
												name="actionId" value="46"><i>协议管理</i></td>
												<td style="width: 150px;"><input class="yeq" type="checkbox"
												name="actionId" value="47"><i>权益管理</i></td>
									</tr>
									<tr>
										<td style="width: 150px;font-weight: bold;"><input id="tk" type="checkbox" name="actionId"
											value="5"><i>话题管理</i></td> 
										<td style="width: 150px;"><input class="tk" type="checkbox"
												name="actionId" value="20"><i>话题列表</i></td>
									</tr>
									<tr>
										<td style="width: 150px;font-weight: bold;"><input id="auth" type="checkbox" name="actionId"
											value="6"><i>订单管理</i></td> 
										<td style="width: 150px;"><input class="auth" type="checkbox"
												name="actionId" value="21"><i>订单列表</i></td>
									</tr>
									<tr>
										<td style="width: 150px;font-weight: bold;"><input id="xtsz" type="checkbox" name="actionId"
											value="7"><i>基础管理</i></td> 
										<td style="width: 150px;"><input class="xtsz" type="checkbox"
												name="actionId" value="22" ><i>权限管理</i></td>
										<td style="width: 150px;"><input class="xtsz" type="checkbox"
												name="actionId" value="23"><i>账号管理</i></td>
										<td style="width: 150px;"><input class="xtsz" type="checkbox"
												name="actionId" value="24"><i>操作日志</i></td>
										<td style="width: 150px;"><input class="xtsz" type="checkbox"
												name="actionId" value="48"><i>操作日志</i></td>
									</tr>
									<tr>
										<td style="width: 150px;font-weight: bold;"><input id="sjck" type="checkbox" name="actionId"
											value="8"><i>财务管理</i></td> 
										<td style="width: 150px;"><input class="sjck" type="checkbox"
												name="actionId" value="25" ><i>充值设置</i></td>
										<td style="width: 150px;"><input class="sjck" type="checkbox"
												name="actionId" value="30" ><i>充值面额设置</i></td>
										<td style="width: 150px;"><input class="sjck" type="checkbox"
												name="actionId" value="26"><i>收入统计</i></td>
										<td style="width: 150px;"><input class="sjck" type="checkbox"
												name="actionId" value="27"><i>支出统计</i></td>
										<td style="width: 150px;"><input class="sjck" type="checkbox"
												name="actionId" value="28"><i>VIP统计</i></td>
										<td style="width: 150px;"><input class="sjck" type="checkbox"
												name="actionId" value="31"><i>平台手续费</i></td>
										<td style="width: 150px;"><input class="sjck" type="checkbox"
												name="actionId" value="32"><i>提成设置</i></td>
										<td style="width: 140px;" ><input class="start_the_boot" type="checkbox" 
												name="actionId" value="11" ><i>积分设置</i></td>
										<td style="width: 150px;"><input class="yeq" type="checkbox"
												name="actionId" value="19"><i>提现审核</i></td>
									</tr>
								</table>
							</div>
		          </li>
		    	 <li><label>状态</label>
		    	 <select name="status" id="status" class="dfinput" >
				                    <option value="1">启用</option>
									<option value="2">禁用</option>
				 </select>
		    	 </li>
    </ul>
    <div style="margin-left:400px;"><input name="" type="button" class="tijiao" value="提交" style="width:96px; height:35px; line-height:35px; color:#fff; background:red; font-size:14px; font-weight:bold;border-radius: 3px; cursor:pointer;"/>
    &nbsp;<input name="quxiao" type="button" class="cancel" value="取消" /></div>
   	<div class="tip">
		<div class="tiptop">
			<span>提示信息</span>
		</div>
		<div class="tipinfo">
			<span><img src="<%=request.getContextPath()%>/images/ticon.png" /></span>
			<div class="tipright">
				<p>添加成功!</p>
				<cite>点击确定返回权限列表 。</cite>
			</div>
		</div>
		<div class="tipbtn">
			<input name="" type="button" class="sure" value="确定"/>&nbsp;<input name="" type="button" class="cancel" value="取消" />
		</div>
	</div>
    <script type="text/javascript">
    	$(function(){
    		$(".tijiao").click(function(){
    			var role_name = $("input[name=role_name]").val();
    			var status=$('#status').val();
    			if(role_name == null || role_name == "" || status == null || status == "" ){
    				return;
    			}
    			var array=new Array();
				var array1=new Array();
				$('input[type=checkbox]:checked').each(function(){ 
					array.push($(this).val()); 
					array1.push($(this).next().html()); 
				}); 
				var action_id= array.join(",");
				var action_name= array1.join(",");
				if(action_id==""){
					alert("请至少选中一个模块");
					return ;
				}
   	    		$.ajax({
   	   				type:"post",
   	   				url:"/htx-backer/sysUser/insertSysRole", 
   	   				data:{
	   	   				role_name:role_name,
	   	   				status:status,
	   	   				action_id:action_id,
	   	   		     	action_name:action_name
   	   				},
   	   				dataType:"json",
   	   				success:function(data){
   	   					var flag = data.flag;
   	   					if(flag == 1){
   	   						$(".tip").fadeIn(200);
   	   					}
   	   				}
   				})
    		})
	   		$(".sure").click(function(){
	   			window.location.href="/htx-backer/sysUser/sysRoleList";
	   		});
	
	   		$(".cancel").click(function(){
	   			$(".tip").fadeOut(100);
	   		});
	   		$("input[name=quxiao]").click(function(){
	   			window.location.href="/htx-backer/sysUser/sysRoleList";
	   		});
	   		
	   		
	   		$("#start_the_boot").click(function(){
				 if($(this).is(':checked')){
					$(".start_the_boot").each(function(){
						$(this).prop("checked",true);
					}) 
				}else{
					$(".start_the_boot").each(function(){
						$(this).prop("checked",false);
					})
				} 
			});
	   		
			 $("#users").click(function(){
				 if($(this).is(':checked')){
					$(".users").each(function(){
						$(this).prop("checked",true);
					}) 
				}else{
					$(".users").each(function(){
						$(this).prop("checked",false);
					})
				} 
			});
			 
			 $("#server").click(function(){
				 if($(this).is(':checked')){
					$(".server").each(function(){
						$(this).prop("checked",true);
					}) 
				}else{
					$(".server").each(function(){
						$(this).prop("checked",false);
					})
				} 
			});
			 
			$("#yeq").click(function(){
				 if($(this).is(':checked')){
					$(".yeq").each(function(){
						$(this).prop("checked",true);
					}) 
				}else{
					$(".yeq").each(function(){
						$(this).prop("checked",false);
					})
				} 
			});
			  $("#auth").click(function(){
					 if($(this).is(':checked')){
						$(".auth").each(function(){
							$(this).prop("checked",true);
						}) 
					}else{
						$(".auth").each(function(){
							$(this).prop("checked",false);
						})
					} 
				});
			    
			  $("#xtsz").click(function(){
					 if($(this).is(':checked')){
						$(".xtsz").each(function(){
							$(this).prop("checked",true);
						}) 
					}else{
						$(".xtsz").each(function(){
							$(this).prop("checked",false);
						})
					} 
				});
			  $("#sjck").click(function(){
					 if($(this).is(':checked')){
						$(".sjck").each(function(){
							$(this).prop("checked",true);
						}) 
					}else{
						$(".sjck").each(function(){
							$(this).prop("checked",false);
						})
					} 
				});
			  $("#sjtj").click(function(){
					 if($(this).is(':checked')){
						$(".tk").each(function(){
							$(this).prop("checked",true);
						}) 
					}else{
						$(".sjtj").each(function(){
							$(this).prop("checked",false);
						})
					} 
				});
			  $("#tk").click(function(){
				 if($(this).is(':checked')){
					$(".tk").each(function(){
						$(this).prop("checked",true);
					}) 
				}else{
					$(".tk").each(function(){
						$(this).prop("checked",false);
					})
				} 
			});  
			  $("#bjyy").click(function(){
				 if($(this).is(':checked')){
					$(".bjyy").each(function(){
						$(this).prop("checked",true);
					}) 
				}else{
					$(".bjyy").each(function(){
						$(this).prop("checked",false);
					})
				} 
			});
    	})
    	    
    	$(".bjyy").on('click',function(e){
	   			if($(this).is(":checked")){
	   				$(this).prop("checked",true);
	   				var par=$(this).parent().parent().find(":checkbox:first");
	   				par.prop("checked",true);
	   			}else{
	   				$(this).prop("checked",false);
	   			}
	   		});
	   		$(".tk").on('click',function(e){
	   			if($(this).is(":checked")){
	   				$(this).prop("checked",true);
	   				var par=$(this).parent().parent().find(":checkbox:first");
	   				par.prop("checked",true);
	   			}else{
	   				$(this).prop("checked",false);
	   			}
	   		});
	   		$(".sjtj").on('click',function(e){
	   			if($(this).is(":checked")){
	   				$(this).prop("checked",true);
	   				var par=$(this).parent().parent().find(":checkbox:first");
	   				par.prop("checked",true);
	   			}else{
	   				$(this).prop("checked",false);
	   			}
	   		});
	   		$(".sjck").on('click',function(e){
	   			if($(this).is(":checked")){
	   				$(this).prop("checked",true);
	   				var par=$(this).parent().parent().find(":checkbox:first");
	   				par.prop("checked",true);
	   			}else{
	   				$(this).prop("checked",false);
	   			}
	   		});
	   		$(".xtsz").on('click',function(e){
	   			if($(this).is(":checked")){
	   				$(this).prop("checked",true);
	   				var par=$(this).parent().parent().find(":checkbox:first");
	   				par.prop("checked",true);
	   			}else{
	   				$(this).prop("checked",false);
	   			}
	   		});
	   		
    	$(".yeq").on('click',function(e){
	   			if($(this).is(":checked")){
	   				$(this).prop("checked",true);
	   				var par=$(this).parent().parent().find(":checkbox:first");
	   				par.prop("checked",true);
	   			}else{
	   				$(this).prop("checked",false);
	   			}
	   		});
	   		$(".start_the_boot").on('click',function(e){
	   			if($(this).is(":checked")){
	   				$(this).prop("checked",true);
	   				var par=$(this).parent().parent().find(":checkbox:first");
	   				par.prop("checked",true);
	   			}else{
	   				$(this).prop("checked",false);
	   			}
	   		});
	   		$(".server").on('click',function(e){
	   			if($(this).is(":checked")){
	   				$(this).prop("checked",true);
	   				var par=$(this).parent().parent().find(":checkbox:first");
	   				par.prop("checked",true);
	   			}else{
	   				$(this).prop("checked",false);
	   			}
	   		});
	   		$(".users").on('click',function(e){
	   			if($(this).is(":checked")){
	   				$(this).prop("checked",true);
	   				var par=$(this).parent().parent().find(":checkbox:first");
	   				par.prop("checked",true);
	   			}else{
	   				$(this).prop("checked",false);
	   			}
	   		});
    </script>
</body>
</html>
